<template>
	<view class="i-price" :style="{color: color, fontSize: size * 1.8 + 'rpx'}">
		<text class="d" :style="{fontSize: size + 'rpx'}">￥</text>
		<slot></slot>
	</view>
</template>

<script lang="ts" setup>
	import {
		defineProps
	} from 'vue'
	const props = defineProps({
		color: {
			type: String,
			default: '#16161F'
		},
		size: {
			type: Number,
			default: 22
		}
	})
</script>

<style lang="scss" scoped>
	.i-price {
		@include flexR;
		align-items: flex-end;
		@include dfont(36rpx);
		font-family: DINAlternate-Bold, DINAlternate;
		font-weight: bold;
		.d {
			font-size: 24rpx;
			margin-bottom: 3rpx;
		}
	}
</style>
